<template>
    <div>
        <p>审批流程</p>
        <el-timeline>
            <el-timeline-item
            v-for="(activity, index) in formData.approveList"
            :key="index"
            >
            <div class="between">
                <p>{{activity.name}}</p>
                <p>{{activity.time}}</p>
            </div>
            <!-- {{ activity.content }} -->
            </el-timeline-item>
        </el-timeline>
    </div>
</template>
<script setup >
    import { defineProps, reactive, ref} from "vue";
    // let props = defineProps({
    //     approvelData:{
    //         type: Object,
    //     }
    // }); 
    const formData = reactive({
        approveList:[
			{
				name:'狗蛋',
				time:'2022-12-12',
				status:'待审批',
				
			},
			{
				name:'狗蛋',
				time:'2022-12-12',
				status:'已通过',
				opinion:'通过',
				imgList:["https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg","https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg","https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"],
				sign:'https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg'
			}
		]
    })
    	// let	approveList = reactive([
		// 	{
		// 		name:'狗蛋',
		// 		time:'2022-12-12',
		// 		status:'待审批',
				
		// 	},
		// 	{
		// 		name:'狗蛋',
		// 		time:'2022-12-12',
		// 		status:'已通过',
		// 		opinion:'通过',
		// 		imgList:["https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg","https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg","https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"],
		// 		sign:'https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg'
		// 	}
		// ])
</script>
<style lang="less">
    
</style>